<!DOCTYPE html>
<html lang="en">
<head>
	<title>角色管理</title>
	<#include "../common.ftl" />
    <link href="${ticket.contextPath}/static/common/css/datetimepicker/bootstrap-datetimepicker.min.css" rel="stylesheet" media="screen">

	<script type="text/javascript" src="${ticket.contextPath}/static/common/js/datetimepicker/bootstrap-datetimepicker.min.js" charset="UTF-8"></script>
    <script type="text/javascript" src="${ticket.contextPath}/static/common/js/datetimepicker/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>
</head>
<body>
	<div class="container">
        <div class="row" style="margin-top: 10%;margin-bottom: 5%;">
            <div class="col-xs-12">
                <ol class="breadcrumb" style="background-color: #fff">
                    <li><a href="#">Home</a></li>
                    <li><a href="#">Library</a></li>
                    <li class="active">Data</li>
                </ol>
            </div>
            <form class="navbar-form navbar-left col-sm-12 col-md-6 col-lg-4">
                <div class="form-group col-xs-6" style="padding-left: 5%;padding-right: 0;">
                    <label class="sr-only" for="search">字段</label>
                    <#--<div class="input-group">
                        <div class="input-group-addon">
                            <select  name="keyword">
                                <option value="id">id</option>
                                <option value="num">序号</option>
                                <option value="pid">上级id</option>
                                <option value="name">名称</option>
                                <option value="tps">提示</option>
                            </select>
                        </div>
                        <input type="text" class="form-control" id="search" placeholder="搜索...">
                    </div>-->
                    <div class="input-group">
                        <div class="input-group-btn">
                            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">id <span class="caret"></span></button>
                            <ul class="dropdown-menu">
                                <li><a>id</a></li>
                                <li><a>序号</a></li>
                                <li><a>上级id</a></li>
                                <li><a>名称</a></li>
                                <li><a>提示</a></li>
                            </ul>
                        </div><!-- /btn-group -->
                        <input type="text" class="form-control" aria-label="...">
                    </div><!-- /input-group -->
                </div>
                <div class="col-xs-6" style="padding-left: 2%;">
                    <button type="button" class="btn btn-info" onclick="search()">搜索</button>
                    <button type="button" class="btn btn-success" onclick="add()">添加</button>
                </div>
            </form>
        </div>
        <div class="table-responsive">
            <table class="table table-hover">
                <thead>
                <tr>
                    <th>id</th>
                    <th>用户</th>
                    <th>项目</th>
                    <th>演出时间</th>
                    <th>价格</th>
                    <th>数量</th>
                    <th>时间</th>
                </tr>
                </thead>
                <tbody>
                 <#list orderList as order>
                 <tr>
                     <td>${order.id!"--"}</td>
                     <td>${order.username!"--"}</td>
                     <td>${order.projectId!"--"}</td>
                     <td>${order.performId!"--"}</td>
                     <td>${order.priceId!"--"}</td>
                     <td>${order.number!"--"}</td>
                     <td>${order.time!"--"}</td>
                 </tr>
                 </#list>
                </tbody>
            </table>
            <div style="row">
                <nav aria-label="Page navigation" style="text-align: center;">
                <ul class="pagination">
                    <li class="disabled">
                        <a href="#" aria-label="Previous">
                            <span aria-hidden="true">&laquo;</span>
                        </a>
                    </li>
                    <li class="active"><a href="#">1</a></li>
                    <li><a href="#">2</a></li>
                    <li><a href="#">3</a></li>
                    <li><a href="#">4</a></li>
                    <li><a href="#">5</a></li>
                    <li>
                        <a href="#" aria-label="Next">
                            <span aria-hidden="true">&raquo;</span>
                        </a>
                    </li>
                </ul>
            </nav>
            </div>
        </div>
	</div>
	<script>
    	 $(window.parent.document).find("#myiframe").load(function(){
            var main = $(window.parent.document).find("#myiframe").height();
            $("#bbb").height(main);
        });
         $('.form_datetime').datetimepicker({
             language:  'zh-CN',
             weekStart: 1,
             todayBtn:  1,
             autoclose: 1,
             todayHighlight: 1,
             startView: 2,
             forceParse: 0,
             minView: 2,
             showMeridian: 1
         });
        function subForm(){
        };
        function search() {

        };
        function add() {

        }
    </script>
</body>
</html>